<template>
  <div>
    <h1>App</h1>
    <!-- <TsHome></TsHome> -->
    <!-- <ts-home></ts-home> -->
    <!-- <ts-card></ts-card> -->
    <!-- <TsButton last-name="jack" max-number-pay="100"></TsButton> -->
    <!-- <TsSubmit :count="100" username="jack" :hobbys="['css', 'html']" :info="{ a: 1, b: 2 }" :cb="function () { }"
      :is-admin="isAdmin"></TsSubmit> -->
    <!-- <TsSubmit
      v-bind="{ count: 100, username: 'jack', hobbys: ['css', 'html'], info: { a: 1, b: 2 }, isAdmin: true, cb: function () { } }">
    </TsSubmit> -->
    <!-- <TsSubmit v-bind="obj"></TsSubmit> -->
    <!-- <TsSubmit :count="true"></TsSubmit> -->
    <!-- <TsSubmit count="100" phone="18018386555"></TsSubmit> -->
    <!-- <TsButton @sendFile="say"></TsButton> -->
    {{ text }}
    <!-- <TsInput :value="text" @input="text = $event"></TsInput> -->
    <!-- <TsInput :value-abc="text" @inputAbc="text = $event"></TsInput> -->
    <TsInput v-model="text"></TsInput>
  </div>
</template>
<script>
import TsButton from './components/TsButton.vue';
import TsSubmit from './components/TsSubmit.vue';
import TsInput from './components/TsInput.vue';
export default {
  methods: {
    say() {
      console.log('say hello');
    }
  },
  data() {
    return {
      text: 'hello',
      isAdmin: true,
      obj: {
        count: 100,
        username: 'jack',
        hobbys: ['css', 'html'], info: { a: 1, b: 2 }, isAdmin: true, cb: function () { }
      }
    }
  },
  components: {
    TsButton,
    TsSubmit,
    TsInput,
  }
}
</script>
<style>
div {
  border: solid;
  padding: 10px;
  margin: 10px;
}
</style>